/*
  Sass 支持所有属于 CSS 正式的 at 规则。
  CSS at 规则的写法为 @<name> <value>, @<name> {...}, 或 @<name> <value> {...}
  例如：@charset、@import、@media、@page、@font-face、@keyframes、@supports。
*/

@namespace svg url(http://www.w3.org/2000/svg);

@font-face {
  font-family: "Open Sans";
  src: url("/fonts/OpenSans-Regular-webfont.woff2") format("woff2");
}

@counter-style thumbs {
  system: cyclic;
  symbols: "\1F44D"; 
}


// 若 CSS at-rule 嵌套在一个 style 规则内，两个规则会自动交换位置，使得 at-rule 位于 CSS 输出的顶层，而 style 规则则包含在其中。
.print-only {
  display: none;

  .s {

    @media print {
      display: block;
    }
  }
}

@media (hover: hover) {
  .button:hover {
    border: 2px solid black;

    @media (color) {
      border-color: #036;
    }
  }
}
